<template>
  <el-container>
    <el-aside style="width:200px;">
      <el-menu   class="zuo" >
        <div class="tjz">
          <img src="../assets/logo.png" style="width: 75px; ">
        </div>
        <el-menu-item ><router-link to="/er" >
          <i class="el-icon-odometer"></i><span>仪表盘</span>
        </router-link></el-menu-item>
          <el-sub-menu index="1">
            <template #title><i class="el-icon-menu"></i>常用设置</template>
            <el-menu-item-group>           
              <el-menu-item index="1-1"><router-link to="/bslb">教师管理</router-link> </el-menu-item>
              <el-menu-item index="1-2"><router-link to="/xsgl">学生管理</router-link></el-menu-item>
              <el-menu-item index="1-3"><router-link to="/gggl" >公告管理</router-link></el-menu-item>
              <el-menu-item index="1-4"><router-link to="/xtpz" >系统配置</router-link></el-menu-item>
              <el-menu-item index="1-5"><router-link to="/pdfwq" >判断服务器</router-link></el-menu-item>           
            </el-menu-item-group>
          </el-sub-menu>         
          <el-sub-menu index="2">
            <template #title><i class="el-icon-aim"></i>问题</template>
            <el-menu-item-group>          
              <el-menu-item index="2-1"><router-link to="/wtlb">问题列表</router-link></el-menu-item>
              <el-menu-item index="2-2"><router-link to="/zjtm" >增加题目</router-link></el-menu-item>
              <el-menu-item index="2-3"><router-link to="/drdctm" >导入导出题目</router-link></el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>         
          <el-sub-menu index="3">
            <template #title><i class="el-icon-trophy"></i>练习&比赛</template>
            <el-menu-item-group>          
              <el-menu-item index="3-1"><router-link to="/bslb" >比赛列表</router-link></el-menu-item>
              <el-menu-item index="3-2"><router-link to="/cjbs" >创建比赛</router-link></el-menu-item>
              </el-menu-item-group>
          </el-sub-menu>

          <el-sub-menu index="4">
            <template #title><i class="el-icon-collection"></i>课程</template>
            <el-menu-item-group>          
              <el-menu-item index="4-1"><router-link to="/kclb" >课程列表</router-link></el-menu-item>
              <el-menu-item index="4-2"><router-link to="/cjkc" >创建课程</router-link></el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>

      </el-menu>
    </el-aside>

    <el-container>
      <el-header class="ys">
        <div class="tou">
          <i class="el-icon-search"></i>&nbsp;
          <el-dropdown>
            <span class="el-dropdown-link">
               <i class="el-icon-share"></i>
              username<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <template #dropdown>
              <el-dropdown-menu>
                <el-dropdown-item>logout</el-dropdown-item>
              </el-dropdown-menu>
            </template>
          </el-dropdown>

        </div>
        
        
       
      </el-header>
        <el-main class="mainy">
          <router-view></router-view>
          
        </el-main>
        <el-footer class="footery">
          <p class="zhiti">Builb Version:20210929bd</p>
        </el-footer>
    </el-container>
  </el-container>
</template>


import  from ''
<style>
.zuo{
    text-align: left;
}
.tjz{
	text-align: center;
}
.tou{
  margin-top: 13px;
  text-align: right;
}

.ys{
  height: 50px;
  background-color: #F9FAFC;
}

.footery{
    font-size: 5px;
  text-align: center;
}
.mainy,.footery{
background-color: #EDECEC;
}
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zhutijuzhong{
text-align: center;
}
.box-card {
 height: 500px;
}
</style>

<script>
export default {
    data(){
        return{
            message:"asdasdasdasd"
        }
    }
}
</script>


